<template>
  <div class="formDetail">
      详情--表单 label:Value 形式的左右布局方式
  </div>
</template>
<script>
export default {
  name: "ocn-formDetail",
  props: {
    // column-垂直分布 row-水平分布
    layout: {
      type: String,
      default: "column",
    },

    label_align_left: {
      type: Boolean,
      default: false,
    },

    form: {
      type: Object,
      default: () => {
        return {
          // 绑定表单v-module 数据的属性值，最终提交表单所提交的是 deliver对象
          deliver: {
            protoItem_value: "", // protoItem_value 指代proto每一个配置的value属性
          },
          rules: {
            // protoItem_value  指的是，表单提交对象deliver里的 key 值，根据key值对应相应的规则对象
            protoItem_value: [
              {
                required: true, // 是否必填
                message: "请输入内容", // 未必填提示的异常信息
                trigger: "blur", // 校验时机 blur-输入项失去焦点时；change-输入项内容变更时；
              },
              {
                min: 3, // 最小输入字符长度
                max: 5, // 最大输入字符长度
                message: "长度在 3 到 5 个字符", // 未符合规则时提示的异常信息
                trigger: "blur", // 校验时机 blur-输入项失去焦点时；change-输入项内容变更时；
              },
            ],
          },
          // 条件渲染表单项UI的属性配置对象
          proto: [
            {
              // 配置示例
              type: "",
              label: "",
              value: "",
              placeholder: "",
              size: "medium",

              clearable: false,
              disabled: false,
              validate_event: true,
            },
          ],
        };
      },
    },
  },
  data() {
    return {
      busMsg: {
        formItem: "",
        itemValue: "",
        eventType: "",
        msg: "",
      },
    };
  },
  created() {},
  mounted() {},
  activated() {},
  deactivated() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.formDetail {}
</style>